img {
  margin: auto;
  margin-top: 4px;
  margin-bottom: 4px;
}

.italic-text {font-style: italic;}

.scary {color: #F97B64;}

.center-text {margin-right: auto; margin-left: auto;}

.remark-slide-number {display: none;}

.bump-right {margin-left: 5%;}

code {color: #535353;}  

  
.bigtext {font-size: 140%; line-height: 140%;}  
 
.smalltext {font-size: 75%; line-height: 84%; margin-top: -10px;}  
 
 
.remark-slide-content {
  padding: 20px;
  padding-left: 28px;
  padding-right: 32px;
}

.indent {
  margin-left: 10%;
  font-size: 125%;
}

.size50 {width: 50%; max-width: 50%;}

hr {margin-top: -24px; margin-bottom: 24px;}  


.row3
{
    width: 100%; 
    overflow: hidden;
    margin-top: 12px;
}

.column3
{
    float: left;
    margin-right: 1%;
    margin-left: 2%;
    width: 30%;
    overflow: hidden;
}

.sourceCode {
  margin-top: 0px;
  padding-top: 6px;
}

blockquote
{
     background-color: #f0f7fb;
     line-height: 18px;
     font-size: 15px;
     overflow: hidden;
     padding: 14px;
}

.note 
{
     background-color: #f0f7fb;
     border-left: solid 7px #3498db;
     border-radius: 25px;
     font-size: 27px;
     line-height: 32px;
     overflow: hidden;
     padding: 22px;
     padding-left: 24px;
     margin-top: 25px;
     margin-bottom: 25px;
     width: 77%;
}


.pad-right {margin-right: 20px;}

.tip
{
     float: right;
     background-color: #d2f0c6;
     border-left: solid 7px #86af49;
     border-radius: 25px;
     font-size: 27px;
     line-height: 32px;
     overflow: hidden;
     padding: 22px;
     padding-top: 2px;
     padding-bottom: 8px;
     margin-top: 40px;
     margin-bottom: 35px;
     margin-right: -5%;
     width: 76%;
}


.quiz
{
     background: #f5f5f5;
     border-left: solid 8px #ff3860; /* #00d1b2; */    
     border-radius: 25px;
     font-size: 16px;
     line-height: 18px;
     overflow: hidden;
     padding: 10px;
     padding-top: 0px;
     padding-bottom: 14px;
     margin-top: 55px;
     margin-bottom: 85px;
     padding-left: 22px;
     width: 77%;
}

#oneline {
  text-align: justify;
  font-size: 0.1px; /* IE 9/10 don't like font-size: 0; */
  min-width: 700px;
  height: 50px;
}

#oneline div { 
  font-size: 30px; 
  font-weight: 600; 
  margin-top: -2px; 
  margin-left: 85px;
  width: 180px;
  height: 125px;
  display: inline-block;
}


.btn_code {
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 12px;
      color: #fff;
      background-color: #e53256;  /* #00d1b2; #ff3860; */
      border-color: #992139;
      line-height: 1.43;
      text-align: center;
      border: 1px solid transparent;
      border-radius: 6px;
}

.btn_code_blue {
      display: inline-block;
      padding: 6px 12px;
      margin-bottom: 0;
      font-size: 12px;
      color: #fff;
      background-color: #337ab7;
      border-color: #2e6da4;
      line-height: 1.43;
      text-align: center;
      border: 1px solid transparent;
      border-radius: 6px;
}

.btn_code:focus, .btn_code:active:focus, .btn_code.active:focus {
    outline: 0 none;
}
  
.btn_code_blue:focus, .btn_code:active:focus, .btn_code.active:focus {
    outline: 0 none;
}  
  
.btn_code_blue:hover, .btn_code.hover {
    background-color: #22527b;
}
 
.btn_code:hover, .btn_code.hover {
    background-color: #22527b;
}

.toggle {
    height: 2.3em;
    overflow-y: hidden;
}
  
.toggle.open {height: auto;}

.lower {margin-top: 53%;}

.white {color: #FFF; }  

.inverse {
  background-color: #000;
  color: #f3f3f3; 
} 

.inverse code {color: #3C989E;}  

.float-left {float: left; width: 35%;}

.float-right {float: right; width: 65%;}


.pull-left {float: left;}

.pull-right {float: right; width: 57%;}

p {
  font-size: 22px;
  line-height: 24px;
}  

h1 {

margin-top: 6px;
margin-bottom: 10px;
 
}




h3 {
  margin-top: 26px;
  margin-bottom: 16px;
}